.p-content{
	display: flex;
	flex-direction: column;
}
.c-container{
	width: 100%;
	height: 30px;
	display: flex;
	align-items: center;
}
.c-swapper{
	position: relative;
	height: 10px;
	width: 100%;
	border-radius: 5px;
	background: #ebeef5;
}
.progress{
	position: absolute;
	height: 100%;
	border-radius: 5px;
	z-index: 1;
	left: 0;
	top: 0;
	background: #409eff;
}

.c-main{
	margin-top: -8px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-around;
	position: relative;
}
.m-item{
	flex: 1;
	display: flex;
	flex-direction: column;
}
.line{
	width: 1px;
	height: 14px;
	background: #303133;
}
.main{
	display: flex;
	flex-direction: column;
}

.num{
	font-size: 14px;
	color: #000;
}
.score{
	font-size: 12px;
	color: #c5c5c5;
}

.m-last{
	position: absolute;
	right: 0;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.l-main{
	text-align: right;
}